Functional Component class/functionnal component 개발공부를 제대로 시작한지 한달도 안된 나는 며칠전, 컴포넌트를 조립하는 방법을 찾다가 클래스형 컴포넌트를 처음보았다. 클래스형 컴포넌트를 적용하던 중 부딪힌 난관은 useState가 안된다는 것. 알고보니 클래스형 컴포넌트에서는 useState와 같은 hooks를 지원하지 않아서 따로 빼서 정의해줘야했다. 이런 문제들로인해 이재는 거의 쓰지 않는다고한다. 의 형태로 사용한다. render(... Functional ComponentClass ComponentClass Component TIL_64_Hook 함수형 컴퍼넌트 함수 스타일 코딩으로 할 수 없는 대표적인 작업이 컴퍼넌트 내부의 스테이트를 만들어 사용하는 것. 또한 컴퍼넌트의 생성 변경 소멸에 대한 이벤트인 라이프 사이클 api를 사용할 수도 없었음. 그래서 함수 방식은 상위 컴퍼넌트가 시키는 일만 처리하는 단순한 컴퍼넌트에만 사용이 됐었다. 최신 리엑트에서 훅 이라는 개념이 도입이 되면서 함수 방식에서도 내부적으로 상태를 다룰 수 있... ReactFunctional ComponenthookFunctional Component TIL_69_Hook 훅에서 clean up의 역할을 하는 것은? 클래스 방식에서는 스테이트가 바뀔 때마다 이전의 props 와 이전의 state 값을 전달하여 두 개의 값이 다를 때만 작업을 처리하도록 했었다. 아래의 코드처럼. 스테이트가 바뀔 때마다 인자로 이전의 프롭스 값과 이전의 스테이트 값을 전달 -> 이전의 값과 이후의 변경된 값을 비교해서 그 두 개가 다를 때만 어떠한 작업을 처리한다면 불필요한 처리... ReactuseEffecthookFunctional ComponentFunctional Component
class/functionnal component 개발공부를 제대로 시작한지 한달도 안된 나는 며칠전, 컴포넌트를 조립하는 방법을 찾다가 클래스형 컴포넌트를 처음보았다. 클래스형 컴포넌트를 적용하던 중 부딪힌 난관은 useState가 안된다는 것. 알고보니 클래스형 컴포넌트에서는 useState와 같은 hooks를 지원하지 않아서 따로 빼서 정의해줘야했다. 이런 문제들로인해 이재는 거의 쓰지 않는다고한다. 의 형태로 사용한다. render(... Functional ComponentClass ComponentClass Component TIL_64_Hook 함수형 컴퍼넌트 함수 스타일 코딩으로 할 수 없는 대표적인 작업이 컴퍼넌트 내부의 스테이트를 만들어 사용하는 것. 또한 컴퍼넌트의 생성 변경 소멸에 대한 이벤트인 라이프 사이클 api를 사용할 수도 없었음. 그래서 함수 방식은 상위 컴퍼넌트가 시키는 일만 처리하는 단순한 컴퍼넌트에만 사용이 됐었다. 최신 리엑트에서 훅 이라는 개념이 도입이 되면서 함수 방식에서도 내부적으로 상태를 다룰 수 있... ReactFunctional ComponenthookFunctional Component TIL_69_Hook 훅에서 clean up의 역할을 하는 것은? 클래스 방식에서는 스테이트가 바뀔 때마다 이전의 props 와 이전의 state 값을 전달하여 두 개의 값이 다를 때만 작업을 처리하도록 했었다. 아래의 코드처럼. 스테이트가 바뀔 때마다 인자로 이전의 프롭스 값과 이전의 스테이트 값을 전달 -> 이전의 값과 이후의 변경된 값을 비교해서 그 두 개가 다를 때만 어떠한 작업을 처리한다면 불필요한 처리... ReactuseEffecthookFunctional ComponentFunctional Component